<!DOCTYPE html>
<html lang="en">
<head>

    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
    <meta name="description" content="Bootstrap Metro Dashboard">
    <meta name="author" content="Dennis Ji">
    <meta name="keyword"
          content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
    <link id="base-style" href="css/style.css" rel="stylesheet">


    <style type="text/css">
        body {
            background: url(img/bg-login.jpg) !important;
        }
    </style>


</head>

<body>
<div class="container-fluid-full">
    <div class="row-fluid">

        <div class="row-fluid">
            <div class="login-box">
                <!-- <div class="icons">
                     <a href="index.html"><i class="halflings-icon home"></i></a>
                     <a href="#"><i class="halflings-icon cog"></i></a>
                 </div>-->
                <h2>登陆界面</h2>
                <form class="form-horizontal" method="post">
                    <fieldset id="logform">

                        <div class="input-prepend" title="Username">
                            <span class="add-on"><i class="halflings-icon user"></i></span>
                            <input class="input-large span10" name="loginname" id="username1" type="text"
                                   placeholder="用户名"/>
                        </div>
                        <div class="clearfix"></div>

                        <div class="input-prepend" title="Password">
                            <span class="add-on"><i class="halflings-icon lock"></i></span>
                            <input class="input-large span10" name="password" id="password1" type="password"
                                   placeholder="密码"/>
                        </div>
                        <div class="clearfix"></div>
                        <p id="msg"></p>
                        <!--<label class="remember" for="remember"><input type="checkbox" id="remember"/>记住密码</label>-->

                        <div class="button-login">
                            <span type="submit" class="btn btn-primary" onclick="login()">登录</span>
                        </div>

                        <div class="clearfix"></div>
                    </fieldset>
                </form>
                <hr>
                <!--<h3>忘记密码?</h3>-->
                <!--<p>
                    No problem, <a href="#">click here</a> to get a new password.
                </p>-->
            </div><!--/span-->
        </div><!--/row-->

        <!--<div class="login">
            <h2>Login Form</h2>
            <div class="login-top">
                <h1>登录页面</h1>
                <form>
                    <div id="logform">
                        <input type="text" name="loginname"  >
                    </div>
                    <input type="password" name="password"  >
                </form>
                <div class="forgot">
                    <a href="#">忘记密码</a>
                    <input type="submit" value="登录" onclick="login()" >
                </div>
                <p  id="msg"></p>
            </div>
            <div class="login-bottom">
                <h3>新用户 &nbsp;<a href="#">注册</a>&nbsp 点击这里</h3>
            </div>
        </div>-->
    </div><!--/.fluid-container-->

</div><!--/fluid-row-->
<!--<div class="common-modal modal fade" id="common-Modal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <ul class="list-inline item-details">
            <li><a href="#">Admin templates</a></li>
            <li><a href="http://themescloud.org">Bootstrap themes</a></li>
        </ul>
    </div>
</div>-->
<!-- start: JavaScript-->

<script src="js/jquery-3.4.0.min.js"></script>

<!-- end: JavaScript-->
<script src="js/login.js"></script>
</body>
</html>
